<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Formatações Adicionais em HTML</title>
    <style>
        mark{
            background-color: blue;
        }
    </style>
</head>
<body>
    <p>
        podemos <mark>marcar um texto</mark> utilizando a 
        tag &lt;mark&gt;
    </p>

    <h2>Texto Grande e Pequeno</h2>
    <p>
        estamos criando um <big>texto grande</big> e um <small>texto pequeno</small>, nesse paragrafo.<br>
            A tag &lt;big&gt; (nao e semantica)
    </p>

    <h2>Texto Deletado</h2>
    <p>
        podemos markar um texto com excluido para indicar que <del>ele nao deve ser lido, usando a tag</del> &lt;del&gt;
    </p>

    <h2>Texto Inserido</h2>
    <p>
        podemos markar um texto inserido para dar uma <ins>Ênfase e indicar que ele foi</ins> adicionado depois, usando a tag &lt;ins&gt;
    </p>

    <p>
        <u>existe a tag</u> &lt;u&gt; tambem mas (nao e semantica)
    </p>

    <h2>Texto Sobrescrito</h2>
    <p>
      para escrever coisas do tipo x<sup>2</sup>+3 utilizando a tag &lt;sup&gt;
    </p>
    <p>
      para escrever coisas do tipo CO<sub>2</sub> utilizando a tag &lt;sub&gt;
    </p>
</body>
</html>